Skip to main content

Dropdown button

Type

widget

Description

The dropdown button is a button which presents an option menu when clicked. By default the menu appears wherever the button is clicked. When the button is in 'split' mode, the side of the button with the icon has a separate hit area which shows the menu when clicked, and the rest of the button can be used for a separate action.

Children Properties

Message

NameSummarySyntax
mouseUpSent when the mouse button is released after clicking the main button in split mode.mouseUp pButton
mouseDownSent when the mouse button is pressed.mouseDown pButton
menuPickSent when a menu item is chosen.menuPick pChosenItem

Property

NameSummarySyntax
hoverColorThe hover color of the button.set the hoverColor of <widget> to <Color> get the hoverColor of <widget>
hiliteColorThe color of the button when highlighted.set the hiliteColor of <widget> to <Color> get the hiliteColor of <widget>
menuBackgroundColorThe background color of the menuset the menuBackgroundColor of <widget> to <Color> get the menuBackgroundColor of <widget>
menuHiliteColorThe color of the menu selection.set the menuHiliteColor of <widget> to <Color> get the menuHiliteColor of <widget>
textSizeThe size of the button labelset the textSize of <widget> to tTextSize get the textSize of <widget>
roundedRadiusThe radius of the button cornersset the roundedRadius of <widget> to pRoundedRadius get the roundedRadius of <widget>
iconSizeThe size of the arrow icon of the buttonset the iconSize of <widget> to pIconSize get the iconSize of <widget>
menuDirectionThe menu direction of the popupset the menuDirection of <widget> to menuDirection get the menuDirection of <widget>
modeThe mode style of the buttonset the mode of <widget> to {"default" | "split"} get the mode of <widget>
menuTextColorThe color of the menu text.set the menuTextColor of <widget> to <Color> get the menuTextColor of <widget>
labelThe label of the buttonset the label of <widget> to pLabel get the label of <widget>
menuTextThe menu items of the popupset the menuText of <widget> to <List> get the menuText of <widget>
backgroundColorThe color of the button.set the backgroundColor of <widget> to <Color> get the backgroundColor of <widget>
rippleEffectWhether to display a ripple effect when the button is clicked.set the rippleEffect of <widget> to {true | false} get the rippleEffect of <widget>
textColorThe color of the button text.set the textColor of <widget> to <Color> get the textColor of <widget>
themeDataThe theme mappings of this widgetset the themeData of <widget> to {<array>} get the themeData of <widget>
menuHiliteTextColorThe color of the text of the menu selection.set the menuHiliteTextColor of <widget> to <Color> get the menuHiliteTextColor of <widget>